<template>
  <div class="popular">
    <div class="flex">
      <div class="box-title">
        <div class="vertical-line vertical-line-black" />
        <span class="title-span">{{ title }}</span>
      </div>
    </div>
    <div class="text-box flex" v-for="item in list" :key="item.id">
      <div class="text">{{ item.title }}</div>
      <div class="time">{{ item.time }}</div>
    </div>
  </div>
</template>

<script lang="ts" setup>
withDefaults(defineProps<{
  list?: Array<any>,
    title:string
}>(), {
  popularList: () => {
    return []
  },
  title:''
})
</script>

<style lang="less" scoped>
@import "./index.less";
</style>
